﻿var pics = "";
$(function () {
    $("#btnAddXSXXType").click(function () { addXSXXType(); });
    $("#btnAddXSXXInfo").click(function () { addXSXXInfo(); });
    $("#btnAddXSXXClue").click(function () { addXSXXClue(); });
    $("#btnSaveXSXXType").click(function () { saveXSXXType(); });
    $("#btnSaveXSXXInfo").click(function () { saveXSXXInfo(); });
    $("#btnSaveXSXXClue").click(function () { saveXSXXClue(); });
    uploadPic();
    loadXSXXTypeTables();    
});

//加载列表数据：悬赏信息类型
function loadXSXXTypeTables() {
    $("#tableBody").html("");   
    $.ajax({
        type: "GET",
        url: "/Gzh/XSXXType/GetAllListToJson?_t=" + new Date().getTime(),
        dataType: "json", 
        success: function (data) {            
            $.each(data, function (i, item) {
                var tr = "<tr>";                
                tr += "<td>" + item.id + "</td>";
                tr += "<td>" + item.name + "</td>";                
                tr += "<td>" + item.sortIndex + "</td>";
                tr += "<td>" + item.remarks + "</td>";
                tr += "<td><button class='btn btn-info btn-xs' href='javascript:;' onclick='editXSXXType(\"" + item.id + "\")'><i class='fa fa-edit'></i>  </button> <button class='btn btn-danger btn-xs' href='javascript:;' onclick='deleteSingleXSXXType(\"" + item.id + "\")'><i class='fa fa-trash-o'></i>  </button> <button class='btn btn-info btn-xs' href='javascript:;' onclick='loadXSXXInfoTables(\"" + item.id + "\")'><i class='fa fa-add'></i> 下级信息 </button> </td></td>"
                tr += "</tr>";
                $("#tableBody").append(tr);
            }) 
        }
    })
}

//新增
function addXSXXType() {
    $("#XSXXTypeId").val(0);
    $("#Remarks").val("");
    $("#SortIndex").val(0);

    $("#XSXXTypeName").val("");   

    $("#TitleXSXXType").text("新增类型");
    //弹出新增窗体
    $("#editModalXSXXType").modal("show");
};
//编辑
function editXSXXType(id) {
    $.ajax({
        type: "Get",
        url: "/Gzh/XSXXType/GetByIdToJson?id=" + id + "&_t=" + new Date().getTime(),
        success: function (data) {
            $("#XSXXTypeId").val(data.id);
            $("#SortIndex").val(data.sortIndex);
            $("#Remarks").val(data.remarks);
            $("#CreatedBy").val(data.createdBy);
            $("#CreatedOn").val(data.createdOn);

            $("#XSXXTypeName").val(data.name);           
           
            $("#TitleXSXXType").text("编辑类型")
            $("#editModalXSXXType").modal("show");
        }
    })
};
//保存
function saveXSXXType() {
    
    var postData = {        
        "Id": $("#XSXXTypeId").val(),
        "Remarks": $("#Remarks").val(),
        "SortIndex": $("#SortIndex").val(),
        "CreatedBy": $("#CreatedBy").val(),
        "CreatedOn": $("#CreatedOn").val(),

        "Name": $("#XSXXTypeName").val(),        
    };
    $.ajax({
        type: "Post",
        url: "/Gzh/XSXXType/AddOrModify",
        data: postData,
        success: function (data) {
            if (data.result == "Success") {
                loadXSXXTypeTables();                
                $("#editModalXSXXType").modal("hide");
            } else {
                layer.tips(data.message, "#btnSaveXSXXType");
            };
        }
    });
};
//删除
function deleteSingleXSXXType(id) {
    layer.confirm("您确认删除选定的记录吗？", {
        btn: ["确定", "取消"]
    },
        function () {
        $.ajax({
            type: "POST",
            url: "/Gzh/XSXXType/DeleteById",
            data: { "id": id },
            success: function (data) {
                if (data.result == "Success") {
                    loadXSXXTypeTables();
                    layer.closeAll();
                }
                else {
                    layer.alert(data.message);
                }
            }
        })
    });
};

//加载列表数据：悬赏信息（根据类型id)
function loadXSXXInfoTables(id) {
    $("#tableBody1").html(""); 
    $("#XSXXTypeId").val(id);
    $.ajax({
        type: "GET",
        url: "/Gzh/XSXXInfo/GetAllListByXSXXTypeToJson?xsxxTypeId=" + id + "&_t=" + new Date().getTime(),
        success: function (data) {            
            $.each(data, function (i, item) {
                var tr = "<tr>";
                tr += "<td>" + item.id + "</td>";
                tr += "<td>" + item.title + "</td>";
                tr += "<td>" + item.linkMan + "</td>";
                tr += "<td>" + item.reward + "</td>";
                tr += "<td>" + item.createdOn + "</td>";
                tr += "<td>" + (item.isDisplay == true ? "隐藏" : "显示") + "</td>";
                tr += "<td>" + item.clueNum + "</td>";
                tr += "<td><button class='btn btn-info btn-xs' href='javascript:;' onclick='editXSXXInfo(\"" + item.id + "\")'><i class='fa fa-edit'></i>  </button> <button class='btn btn-danger btn-xs' href='javascript:;' onclick='deleteSingleXSXXInfo(\"" + item.id + "\")'><i class='fa fa-trash-o'></i>  </button>  <button class='btn btn-info btn-xs' href='javascript:;' onclick='loadXSXXClueTables(\"" + item.id + "\")'><i class='fa fa-add'></i> 线索 </button> </td></td>"
                tr += "</tr>";
                $("#tableBody1").append(tr);
            });           
        }
    })
}

//新增
function addXSXXInfo() {
    //清空上传控件，避免显示上一次结果
    pics = "";
    $("#uploaderFiles").html("");
    $("#uploaderInput").html("");

    if ($("#XSXXTypeId").val() == "") {
        alert("类型为空");
        return;
    }

    $("#XSXXInfoId").val(0);
    $("#Title").val("");   
    $("#Summary").val("");
    $("#Pics").val("");
    $("#Reward").val(0);
    $("#LinkMan").val("");
    $("#LinkTel").val("");
    $("#IsDisplay").attr("checked", false);
    $("#XSXXInfoSortIndex").val(0);
    $("#ClueNum").val(0);

    $("#TitleXSXXInfo").text($("#WebsiteTypeId").val()+"-新增网站");
    //弹出新增窗体
    $("#editModalXSXXInfo").modal("show");
};

//编辑
function editXSXXInfo(id) {
    //清空上传控件，避免显示上一次结果
    pics = "";
    $("#uploaderFiles").html("");
    $("#uploaderInput").html("");   

    $.ajax({
        type: "Get",
        url: "/Gzh/XSXXInfo/GetByIdToJson?id=" + id + "&_t=" + new Date().getTime(),
        success: function (data) {
            $("#XSXXInfoSortIndex").val(data.sortIndex);            
            $("#XSXXInfoCreatedBy").val(data.createdBy);
            $("#XSXXInfoCreatedOn").val(data.createdOn);

            $("#XSXXInfoId").val(data.id);
            $("#Title").val(data.title);            
            $("#Summary").val(data.summary);
            $("#Pics").val(data.pics);
            if (data.pics) {
                var picArray = data.pics.split("|");
                for (var index = 1; index < picArray.length; index++) {
                    var tmpl = '<img src="#url#" style="width:100px;;height:100px;"/>';
                    $("#uploaderFiles").append($(tmpl.replace('#url#', '/UploadFiles/' + picArray[index])));
                }
            }            
            $("#Reward").val(data.reward);
            $("#LinkMan").val(data.linkMan);
            $("#LinkTel").val(data.linkTel);
            $("#IsDisplay").attr("checked", data.isDisplay);            
            $("#ClueNum").val(data.clueNum);

            $("#TitleXSXXInfo").text("编辑网站")
            $("#editModalXSXXInfo").modal("show");
        }
    })
};

//保存
function saveXSXXInfo() {

    var postData = {
        "Id": $("#XSXXInfoId").val(),        
        "SortIndex": $("#XSXXInfoSortIndex").val(),
        "CreatedBy": $("#XSXXInfoCreatedBy").val(),
        "CreatedOn": $("#XSXXInfoCreatedOn").val(),
                
        "Title": $("#Title").val(),
        "XSXXTypeId": $("#XSXXTypeId").val(),
        "Summary": $("#Summary").val(),
        "Pics": $("#Pics").val(),
        "Reward": $("#Reward").val(),
        "LinkMan": $("#LinkMan").val(),
        "LinkTel": $("#LinkTel").val(),
        "IsDisplay": $("#IsDisplay").prop('checked'),        
        "ClueNum": $("#ClueNum").val()
    };
    $.ajax({
        type: "Post",
        url: "/Gzh/XSXXInfo/AddOrModify",
        data: postData,
        success: function (data) {
            if (data.result == "Success") {
                loadXSXXInfoTables($("#XSXXTypeId").val());                
                $("#editModalXSXXInfo").modal("hide");
            } else {
                layer.tips(data.message, "#btnSaveXSXXInfo");
            };
        }
    });
};

//删除
function deleteSingleXSXXInfo(id) {
    layer.confirm("您确认删除选定的记录吗？", {
        btn: ["确定", "取消"]
    }, function () {
        $.ajax({
            type: "POST",
            url: "/Gzh/XSXXInfo/DeleteById",
            data: { "id": id },
            success: function (data) {
                if (data.result == "Success") {
                    loadXSXXInfoTables($("#XSXXTypeId").val())
                    layer.closeAll();
                }
                else {
                    layer.alert(data.message);
                }
            }
        })
    });
};

//加载列表数据：线索（根据悬赏信息id)
function loadXSXXClueTables(id) {
    $("#tableBody2").html("");    
    $("#XSXXInfoId").val(id);
    $.ajax({
        type: "GET",
        url: "/Gzh/XSXXClue/GetAllListByXSXXInfoIdToJson?XsxxInfoId=" + id + "&_t=" + new Date().getTime(),
        success: function (data) {
            $.each(data, function (i, item) {
                var tr = "<tr>";
                tr += "<td>" + item.summary + "</td>";
                tr += "<td>" + item.reporterName + "</td>";
                tr += "<td>" + item.reporterTel + "</td>";
                tr += "<td>" + item.createdOn + "</td>";
                tr += "<td>" + (item.isUse == true ? "有用" : "未定") + "</td>";
                tr += "<td><button class='btn btn-info btn-xs' href='javascript:;' onclick='editXSXXClue(\"" + item.id + "\")'><i class='fa fa-edit'></i></button></td>"
                tr += "</tr>";
                $("#tableBody2").append(tr);
            })
        }
    })
}

//新增:无

//编辑
function editXSXXClue(id) {
    $.ajax({
        type: "Get",
        url: "/Gzh/XSXXClue/GetByIdToJson?id=" + id + "&_t=" + new Date().getTime(),
        success: function (data) {
            $("#XSXXClueId").val(data.id);
            $("#XSXXInfoId").val(data.caseId);
            $("#ClueSummary").val(data.summary);
            $("#ReporterName").val(data.reporterName);
            $("#ReporterTel").val(data.reporterTel);
            $("#IsUse").prop("checked", data.isUse);
            $("#Voice").val(data.voice);
            $("#Pic").val(data.pic);
            if (data.pic) {
                var picArray = data.pic.split("|");
                for (var item = 1; item < picArray.length; item++) {
                    $("#img").append("<a target='_blank' href='/UploadFiles/" + picArray[item] + "'><img src='/UploadFiles/" + picArray[item] + "' style='width:100px;'></a>");
                }
            }
            $("#Localization").val(data.localization);           
            $("#UsePolice").val(data.usePolice);            

            $("#XSXXClueRemarks").val(data.remarks);
            $("#XSXXClueSortIndex").val(data.sortIndex);
            $("#XSXXClueCreatedBy").val(data.createdBy);
            $("#XSXXClueCreatedOn").val(data.createdOn);            

            $("#TitleXSXXClue").text("编辑栏目")
            $("#editModalXSXXClue").modal("show");
        }
    })
};

//保存
function saveXSXXClue() {

    var postData = {
        "Id": $("#XSXXClueId").val(),
        "Remarks": $("#XSXXClueRemarks").val(),
        "SortIndex": $("#XSXXClueSortIndex").val(),
        "CreatedBy": $("#XSXXClueCreatedBy").val(),
        "CreatedOn": $("#XSXXClueCreatedOn").val(),

        "XSXXTypeId": $("#XSXXTypeId").val(),
        "XSXXInfoId": $("#XSXXInfoId").val(),
        
        "Summary": $("#ClueSummary").val(),
        "ReporterName": $("#ReporterName").val(),
        "ReporterTel": $("#ReporterTel").val(),
        "IsUse": $("#IsUse").prop('checked'),
        "Voice": $("#Voice").val(),
        "Pic": $("#Pic").val(),
        "Localization": $("#Localization").val(),        
        "UsePolice": $("#UsePolice").val()
        
    };
    $.ajax({
        type: "Post",
        url: "/Gzh/XSXXClue/AddOrModify",
        data: postData,
        success: function (data) {
            if (data.result == "Success") {
                loadXSXXClueTables($("#XSXXInfoId").val())
                $("#editModalXSXXClue").modal("hide");
            } else {
                layer.tips(data.message, "#btnSaveXSXXClue");
            };
        }
    });
};

//删除
function deleteSingleXSXXClue(id) {
    layer.confirm("您确认删除选定的记录吗？", {
        btn: ["确定", "取消"]
    }, function () {
        $.ajax({
            type: "POST",
            url: "/Gzh/XSXXClue/DeleteById",
            data: { "id": id },
            success: function (data) {
                if (data.result == "Success") {
                    loadXSXXClueTables($("#XSXXInfoId").val())
                    layer.closeAll();
                }
                else {
                    layer.alert("删除失败！");
                }
            }
        })
    });
};

//图片上传
function uploadPic() {
    //参考https://github.com/think2011/localResizeIMG/wiki/2.-%E5%8F%82%E6%95%B0%E6%96%87%E6%A1%A3
    $("#uploaderInput").on("change", function () {
        lrz(this.files[0], { width: 800 })
            .then(function (rst) {
                rst.formData.append('fileLen', rst.fileLen);
                $.ajax({
                    type: "POST",
                    url: "/Gzh/Picture/UploadFilesAjax",
                    contentType: false,
                    processData: false,
                    data: rst.formData,
                    success: function (item) {
                        // alert("上传成功！");
                        pics = pics + "|" + item;
                        $("#Pics").val(pics);

                        var tmpl = '<img src="#url#" style="width:100px;;height:100px;"/>';
                        $("#uploaderFiles").append($(tmpl.replace('#url#', '/UploadFiles/' + item)));
                    },
                    error: function () {
                        alert("上传失败!");
                    }
                });
            })
            .catch(function (err) {
                // 处理失败会执行
            })
            .always(function () {
                // 不管是成功失败，都会执行
            });
    });
}